{%if esEditor is null%}
{% set esEditor = true%}
{%endif%}
{% extends '::backend.html.twig' %}

{% block contenido %}
<div class="freeow freeow-bottom-right" id="freeow"></div>
<div class="btn-group">
    <a class="btn" href="{{ path('concurso') }}">
        <i class="icon-arrow-left"></i> Volver </a>   
    <a class="btn  btn-success" href="{{ path('concurso_new') }}">
        <i class="icon-plus" ></i>Agregar Concurso
    </a>
</div>
{% if entities is not empty  %}

<fieldset>
    <legend><a class="btn btn-large btn-link desplegable" href="#">
            <i class="icon-minus" ></i>  {{title |default('Inscriptos')}}
        </a></legend>            

    <div class="row-fluid show-grid oculto" >
        <div class="span12">

            <table id="table-asesores" class="table table-striped table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th>Dni</th>
                        <th>Apellido</th>
                        <th>Nombre</th>
                        <th>Email</th>
                        <th>Tel&eacute;fono</th>
                        <th>Direcci&oacute;n</th>
                        <th>C&oacute;digo Postal</th>
                        <th>Tipo de Asesor</th>
                        {%if esEditor %}
                        <th>Acciones</th>
                         {%endif%}
                    </tr>
                </thead>
                <tbody id="tbody-asesores">
    {% for asesor in entities %}
                        <tr id="asesor-{{asesor.id}}">
                            <td class="with-link"><a href="{{ path('persona_show', { 'id': asesor.persona.id }) }}">{{ asesor.persona.dni }}</a></td>
                            <td>{{ asesor.persona.apellido }}</td>
                            <td>{{ asesor.persona.nombre  }}</td>               
                            <td>{{ asesor.persona.email }}</td>
                            <td>{{ asesor.persona.telefono }}</td>
                            <td>{{ asesor.persona.direccion }}</td>
                            <td>{{ asesor.persona.codigopostal }}</td>   
                            <td id="asesor-tipo-{{asesor.id}}">{{ asesor.tipoAsesor }}</td>   


                            <td>
                                <div class="btn-group">
                                    <a  class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#">
                                        <i class=" icon-plus"> </i> Acciones
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="{{ path('persona_show', { 'id': asesor.persona.id }) }}">
                                                <i class=" icon-plus " > </i> info</i>
                                            </a>
                                        </li>
                                           {%if permisos.asesores and  estaImpugnado is sameas(false)  and estaCerrado is sameas(false)%}
                                        <li>
                                            <a class="edit" href="{{ path('asesor_edit', { 'id': asesor.id }) }}">
                                                <i class="icon-edit"></i> Editar 

                                            </a>
                                        </li>

                                        <li>
                                            <a class="change-tipo-edit"  data-asesor="{{  asesor.id}}">
                                                <i class="icon-edit"></i> Cambiar el tipo 

                                            </a>
                                        </li>
                                        <li>
                                            <a data-body="tbody-asesores" data-table="table-asesores" data-row="asesor-{{asesor.id}}" class="unset" href="{{ path('concurso_unset_asesor', { 'id': asesor.id }) }}">  <i class="icon-trash"></i> Eliminar</a>

                                        </li>
                                       {%endif%}
                                    </ul>
                                </div>
                            </td>

                        </tr>

    {% endfor %}
                    </tbody>
                </table>

  {{ simple_paginator_render(rutaPaginador, null, {
    'container_class':    'paginador',
    'routeParams' : {'id' : concurso},
    'previousPageText':   'Anterior',

    'nextPageText':       'Siguiente',

    'currentClass':       'actual',

    'firstPageText':      'Primera',
    'firstEnabledClass':  'oculto',
    'firstDisabledClass': 'oculto',

    'lastPageText':       'Última',
    'lastEnabledClass':   'oculto',
    'lastDisabledClass':  'oculto',
}) }}

            </div>

        </div>

        <div id="confirmation-dialog" style="display:none">

            <div class="alert alert-error">
                <strong>Se va a borrar!</strong> el dato, está seguro?
            </div>
        </div>

        <div id="target-dialog" style="display: none"></div>


        <div id="target-dialog-change" style="display: none">
            <form  id="formChange"  class="form-horizontal" action="#" method="post" {{ form_enctype(form) }}>
{{ form_widget(form._token) }}  
                    <fieldset>
                        <legend>Editar el tipo de asesor </legend>
                        <div class="span5">              
                            <div class="control-group">
                                <label class="control-label required" >Tipo de Asesor</label>
                                <div class="controls">
                   {{ form_widget(form.tipoAsesor) }}
                                    </div>
                                </div>
                                <div class="control-group">
                                    <div class="controls">
                                        <a data-asesor ="" id ="save-cambiar-tipo" href="{{ path('inscripto_update', { 'id': entity.id }) }}"  class="btn btn-warning"><i class="icon-edit"></i> Guardar</button>
                                            <a id ="cancel-canbiar-tipo" class="btn btn-cancel " href="{{ path('concurso') }}">Cancelar</a>
                                    </div>
                                </div>
                            </div>
                            <fieldset>
                                </form>
                                </div>
                            </fieldset> 


    {% else %}

                            <legend>No tiene Asesores</legend>
      {% endif %}
    {% endblock %}

{% block documentReadyJavascript %} 


	    {{ parent() }}

                            <script type="text/javascript">
                            $(function(){
                                var spin_opt = {
          lines: 9, 
          length: 3, 
          width: 2, 
          radius: 4, 
          corners: 1, 
          rotate: 0, 
          color: '#000', 
          speed: 0.9, 
          trail: 60, 
          shadow: false, 
          hwaccel: false,
          className: 'spinner', 
          zIndex: 2e9, 
          top: 'auto', 
          left: 'auto' 
        };
                        
                            $(".desplegable").on('click', function(e){
                                e.preventDefault();
                                var $div = $(this).parent().parent().find('div.oculto')
      
          
                                  if( !$div.is(':visible')){
                              $(this).find('i').removeClass('icon-plus');    
                              $(this).find('i').addClass('icon-minus');    
                              }else{
                              $(this).find('i').removeClass('icon-minus');    
                              $(this).find('i').addClass('icon-plus');    
                          }
                              $div.toggle( 'blind', {}, 500 );
         
                        });
                        $(".unset").on('click',function(e){  
                            e.preventDefault();
                            var $this =  $(this);
                            var to_go = $this.attr('href');
                   
                            var $row = $("#"+$this.attr('data-row'));
                            var $table = $("#"+$this.attr('data-table')); ;
                            var $tbody = $("#"+$this.attr('data-body'));;
                            
    
         $("#confirmation-dialog").dialog({
                                        resizable: false,
                                        height:180,
                                        width:'auto',
                                        modal: true,
                                        title:"Alerta!",
                                        buttons: {
                                            "Eliminar": function() {
                                          $.ajax({
                            url:to_go,
                            type:'POST',
                 
                            beforeSend:function(){
                                $this.spin(spin_opt);
                        },
                            complete:function(data){
                                 $this.spin(false);
                               var result =$.evalJSON(data.responseText);
                               if(result.status){
                                   console.log("$row.",$row)
                                   x= $row;
                                   $row.fadeOut(400, function(){
                                              $(this).remove();
                                          if($tbody.children().size()==0){
                                              $table.hide();
                                              $(".paginador").remove();
                                          }
                                          });   
                                           $("#confirmation-dialog").dialog("close")
                               }else{
                                   alert(result.mensaje);
                               }
                       
                        }
                
                    })//fin ajax
            
                                            },
                                            Cancelar: function() {
                                                $(this).dialog( "close" );
                                            }
                                        }
                          });
    
    
    
    
    
                            
                            
                            
                            
                            
                            
                            
                            
                           
                   
                
                    });//fin click
            
            
            
                    /*edicion de entiddes*/
                    $(".edit").on('click',function(e){  
                            e.preventDefault();
                            var $this =  $(this);
                            var $target_dialog = $("#target-dialog");
                            var to_go = $this.attr('href');
                            var $row = $("#"+$this.attr('data-row'));
                            var $table = $("#"+$this.attr('data-table')); ;
                            var $tbody = $("#"+$this.attr('data-body'));;
                            $.ajax({
                            url:to_go,
                            type:'POST',
                            beforeSend:function(){
                                $this.spin(spin_opt);
                        },
                            complete:function(data){
                                 $this.spin(false);
                                 var result = data.responseText;
                         
                                 $target_dialog.html(result).dialog({
                             
                    maxWidth:750,      
                    width: 'auto',
                    modal: true,
                    position: "center" 
                         }).show('slow');
                                           
        $.each($('#target-dialog ').find('input.span12, textarea.span12'), function(i,x){ $(x).removeClass('span12').addClass('span3')})
                        }
                
                    })//fin ajax
                   
                
                    });//fin click
                    /*Fin edicion de entdades */
            
                    $(".change-tipo-edit").on('click', function(e){
                        e.preventDefault();
                        var asesor = $(this).attr('data-asesor');
                         $("#save-cambiar-tipo").attr('data-asesor',asesor);
                         $("#target-dialog-change").dialog({
                        width: 600,
                        modal: true,
                        position: "center" 
                             }).show('slow');
                            });        
        
            })
                    $("#cancel-canbiar-tipo").on('click', function(e){
                        e.preventDefault();
                        $("#target-dialog-change").dialog('close');
        
                     });
             
             
                             $("#save-cambiar-tipo").on('click',function(e){   
                                 e.preventDefault();
                                 var $this = $(this);                         
                                 var asesor = $this.attr('data-asesor');
                                     var url="{{ path('asesor_update', { 'id':"asesor_id", 'tipo':'tipo_id'}) }}";
                                     var  url = url.replace(/asesor_id/g, asesor);
                                     var  url = url.replace(/tipo_id/g,$("#TipoAsesorType_tipoAsesor").val());
                                     $.ajax({
                                     url:url,
                                     type:"post",
                                     complete:function(data){
                                         var result =$.evalJSON(data.responseText);                                                                            
                                             if(result.status){                                              
                                                  $("#asesor-tipo-"+asesor).html(result.entity.tipoAsesor);                                              
                                                  showMsj(result);
                                                  $("#target-dialog-change").dialog('close');
                                               }else{
                                                   $.each(result.errors, function(i,e){
                                                       console.log("e",e);
                                                       $(e.key).parent().append('<span class="help-block">'+e.msj+'</span>').parent().addClass("error");
                                                                                 
                                           });
                                               }
                             
                                 }
                                 
                                 });
                            
                     });
             function showMsj(response){
                               var output="";
                              if(response.status){                                
                              $("#freeow").freeow("",response.mensaje, {
                                                classes: ["gray"],
                                                autoHide: true
                                    });
                              }else{
                  
                                  $.each(response.mensaje,function(i,ele){
                                      output += '<div class="alert">'  + ele +'</div>'
                              });
                              }
                              var time = response.mensaje.length * 400;
                              setTimeout(function(){
                                  $("#errors").find('div.alert').hide('fade',{},350)
              
                          },time);

                      }
     
                                </script>

     {% endblock documentReadyJavascript %}